<label #self class="el-checkbox-button" >
  
  <input #ipt
    *ngIf="trueLabel || falseLabel;else elseBlock" 
    class="el-checkbox-button__original"
    type="checkbox"
    [name]="name"
    [disabled]="disabled"
    true-value="trueLabel"
    false-value="falseLabel"
    [(ngModel)]="isChecked"
    (change)="handleChange($event)"
    (focus)="handleFocus()"
    (blur)="handleBlur()">
  <ng-template #elseBlock>
    <input #ipt
      class="el-checkbox-button__original"
      type="checkbox"
      [disabled]="disabled"
      [value]="label"
      [name]="name"
      [(ngModel)]="isChecked"
      (change)="handleChange($event)"
      (focus)="handleFocus()"
      (blur)="handleBlur()">
  </ng-template>
  
  <span #elCheckboxButton class="el-checkbox-button__inner" [class.checkboxButtonFirst]='isFirst' [class.checkboxButtonLast]='isLast' >
    <ng-content></ng-content>
    <!-- {{label}} -->
  </span>
</label>

